import styled from 'styled-components'

export const CateTypeWrapper = styled.div<{ colorPrimary: string }>`
  padding: 5px 0;

  .label {
    color: ${(prop) => prop.colorPrimary};
    font-size: 12px;
  }
`

export const DetailWrapper = styled.div`
  font-size: 12px;

  .stats-wrapper {
    display: flex;

    .item {
      flex: 1;
    }
  }

  .operation-wrapper {
    display: flex;
    flex-wrap: wrap;

    .item {
      width: 50%;
      margin: 3px 0;
    }
  }
`
